﻿<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<!-- source http://www.scnoob.com More templates http://www.scnoob.com/moban -->
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>等待上级用户确认</title>

    <link rel="stylesheet" type="text/css" th:href="@{/assets/css/bootstrap.min.css}">

    <link rel="stylesheet" type="text/css" th:href="@{/assets/fonts/line-icons.css}">

    <link rel="stylesheet" th:href="@{/assets/plugins/morris/morris.css}">

    <link rel="stylesheet" type="text/css" th:href="@{/assets/css/icons.css}">

    <link rel="stylesheet" type="text/css" th:href="@{/assets/css/main.css}">

    <link rel="stylesheet" type="text/css" th:href="@{/assets/css/responsive.css}">
    <link rel="stylesheet" th:href="@{/css/common.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/assets/css/ordergenerateStyles.css}">
    <base th:href="@{/}">
</head>
<body>
<div class="app header-default side-nav-dark">
    <div class="layout">
        <div class="header navbar">
            <div class="header-container">
                <ul class="nav-left">
                    <li>
                        <a href="javascript:history.back(-1);">
                            <i class="lni-chevron-left" style="border: transparent;"></i>
                        </a>
                    </li>
                </ul>
                <p class="text-center d-inline-block phoneNum-title" style="margin-top: 20px">
                    <b>等待上级用户确认</b>
                </p>
                <ul class="nav-right" style="margin-right: 20px;">
                    <li class="user-profile dropdown dropdown-animated scale-left">
                        <a th:href="@{/front/user/userPath(referId=${referId})}">
                            我的
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="page-container" style="padding: 64px 0 65px 0!important;background-color: #f1f2f7;">
            <div class="article-clean " style="height: 100%">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-10 col-xl-8 offset-lg-1 offset-xl-2 p-0">
                            <div class="intro" style="padding: 10px"></div>

                                <!--                                等待上级用户确认-->
                                <div id="orderId" style="display: none;" th:text="${orderId}"></div>
                                <div class="card" style="width: 100%;border-radius: 10px;padding-top: 20px;">
                                    <div id="wait" style="width: 100%;text-align: center;font-size: 20px;color: #fe8e90">等待上级用户确认...</div>
                                    <div id="tips" style="color: red" class="ordergenerate-center-good-sum-text"></div>
                                </div>

                                <div id="img" class="card" style="width: 100%;border-radius: 10px;">
                                    <img style="width: 100%;height: 100%" src="http://img.zcool.cn/community/01e2b05be907a7a80121ab5d2ff816.gif">
                                </div>




                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <div id="preloader">
        <div class="loader" id="loader-1"></div>
    </div>

    <script th:src="@{/assets/js/jquery-min.js}"></script>
    <script th:src="@{/assets/js/popper.min.js}"></script>
    <script th:src="@{/assets/js/bootstrap.min.js}"></script>
    <script th:src="@{/assets/js/jquery.app.js}"></script>
    <script th:src="@{/assets/js/main.js}"></script>

    <script th:src="@{/assets/plugins/morris/morris.min.js}"></script>
    <script th:src="@{/assets/plugins/raphael/raphael-min.js}"></script>
    <!--<script th:src="@{/assets/js/dashborad1.js}"></script>-->


    <script type="text/javascript">
        $(function () {
            var orderId = $("#orderId").text();
            orderCommit(orderId);
        });



        // 订单提交
        function orderCommit(orderId) {
            $.post("front/orderPhone/findOrderEntityByOrderId",
                {
                    "orderId": orderId
                },
                function (data) {
                    if (data.payStatus != "1") {
                        $("#wait").attr("style","width: 100%;text-align: center;font-size: 20px;color: #b6bdba;");
                        $("#wait").text("上家已确认付款");
                        $("#img").hide();
                    } else {
                        var orderId1 = $("#orderId").text();
                        console.log("未确认支付",orderId1);
                        var t = window.setTimeout(function () {
                            clearTimeout(t);
                            orderCommit(orderId1);
                        },10000);
                    }
                }
            )
        }
    </script>
</body>

<!-- source http://www.scnoob.com More templates http://www.scnoob.com/moban -->
</html>